<template>
  <div class="login-body">
    <div class="left-wrap">
      <img :src="logoPath" class="title-img_top" />
      <img src="@/assets/image/p1.jpg" class="desc-img_bottom">
    </div>
    <loginForm />
  </div>
</template>

<script setup>
import loginForm from './components/loginForm.vue'
import config from "~/config";


const logoPath = config[import.meta.env.MODE].logo

</script>

<style scoped lang="scss">
.login-body {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 90px;

  .left-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    .title-img_top {
      width: 557px;
      height: 145px;
      position: relative;
      z-index: 1;
    }

    .desc-img_bottom {
      width: 1060px;
      height: 768px;
      margin-top: -70px;
    }
  }

}
</style>
